<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // cookie 会话跟踪技术   
        

        // live server   VScode模拟的假的服务器   --- 处理不了数据

        //    服务器
        //       狭义的服务器     计算机
        //       广义的服务器     拥有一些环境 (安装了一些软件)  --- 任何一台电脑都有可能成为一台主机


        // 页面的交互
        //    注册了一个账号  
        //    登录这个账号   --- 登录页面完成的   用户名yy
        //    买东西(商品列表页面)  
        //        点击加入购物车   向服务器请求     需要告诉服务器  你是谁，要买什么东西，买几件   

        
        //     可以把用户名存在cookie中
        //     cookie会随着服务器请求一起携带过去   


        //  cookie可以实现跨页面访问数据 ， 但是也可能会被用户禁用




        // 同源策略
        //    百度页面的cookie     小米网站就不能访问

        //    同源：域名，协议和端口号都相同  --- 同源


        //   http://www.baidu.com      https://www.baidu.com     协议不一样    不能访问
        //   http://www.baidu.com:80   http://www.baidu.com:5050   端口号不一样  不能访问
        //   http://www.baidu.com      http://www.jd.com      域名不一样     不能访问

        //   http://www.baidu.com      http://www.baidu.com/index/login.html   可以访问



        // 跨域   跨域访问数据
        

        


    </script>
    
</body>
</html>